<html>
<head>
    <!-- META DATA -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="">
    <meta name="author" content="">

    <title>登录界面</title>

    <!-- Bootstrap Core CSS -->
    <!--<link rel="stylesheet" href="__PUBLIC__/css/bootstrap.min.css"  type="text/css">-->

    <!-- Owl Carousel Assets -->
    <!--<link href="__PUBLIC__/owl-carousel/owl.carousel.css" rel="stylesheet">-->
    <!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> -->

    <!-- Custom CSS -->
   <!-- <link rel="stylesheet" href="__PUBLIC__/css/style.css">-->

    <!-- Custom Fonts -->
    <!--<link rel="stylesheet" href="__PUBLIC__/font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">-->
    <!---<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>--->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
   <!-- <script src="__PUBLIC__/js/html5shiv.js"></script>
    <script src="__PUBLIC__/js/respond.min.js"></script>-->
    <!--[endif]-->

</head>
<style type="text/css">
*{margin:0;padding:0}
.page{width:1920px;height:1020px;min-width:1920px;}
.df{width:1920px;height:60px;background-color:black;}
.tag{width:260px;float:left}
.tag a{display:block; font-weight:bold;text-decoration: none; padding:0 40px;}
.nav{ width:750px; float:right; padding-top:14px;}
.nav li{  float:left; height:100px; line-height:100px; margin-right:10px;}
.nav li a{ display:block;text-decoration: none;}
</style>
<body>
<!--<body class="sub-page">-->
<!-- /////////////////////////////////////////Navigation -->
<!--<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        &lt;!&ndash; Brand and toggle get grouped for better mobile display &ndash;&gt;
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand page-scroll" href="../index/index.html">JUSTICE</a>
        </div>-->

        <!-- Collect the nav links, forms, and other content for toggling -->
        <<!--div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a class="page-scroll" href="{:U('home/index/index')}">Home</a>
                </li>
                <li>
                    <a class="page-scroll" href="{:U('home/archive/archive')}">Blog</a>
                </li>
                <li>
                    <a class="page-scroll" href="{:U('home/single/single')}">About</a>
                </li>
                <li>
                    <a class="page-scroll" href="{:U('home/contact/contact')}">Contact</a>
                </li>
            </ul>
        </div>
        &lt;!&ndash; /.navbar-collapse &ndash;&gt;
    </div>
    &lt;!&ndash; /.container-fluid &ndash;&gt;
</nav>-->
<!-- Navigation -->
<div class="page">
    <div class="df">
        <div class="tag">
            <a href="#">Backstage</a>
        </div>
        <<div class="nav">
            <ul>
                <li><a href="#">添加文章</a></li>
                <li><a href="#">客户资料</a></li>
                <li><a href="#">账号设置</a></li>
            </ul>
        </div>
    </div>
    <!-- Background Gradients-->
    <div  class="site-gradients">
        <div class="site-gradients-media">
            <figure>
                <img src="Another%20Yosemite%20short%20movie%20project%20%E2%80%93%20Modern_files/PcLGXNjMTdiFVKTrElCl__DSC2245.jpg" alt="PcLGXNjMTdiFVKTrElCl__DSC2245" srcset="https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245.jpg 1920w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-420x280.jpg 420w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-744x497.jpg 744w, https://themedemos.webmandesign.eu/modern/wp-content/uploads/sites/8/2014/11/PcLGXNjMTdiFVKTrElCl__DSC2245-1200x801.jpg 1200w" sizes="(max-width: 1617px) 100vw, 1617px" height="1080" width="1617">
            </figure>
        </div>
        <form>
            username：<input type="text" name="zh" id="aa" /><br/><br/>
            passweord：<input type="password" name="password" /><br/><br/>
            <button>确定</button>
        </form>
    </div>
</div>

</body>
<script>

    $("#aa").bind('blur',function () {
        var asd = $(this).val();
        $.ajax({
            type: "post",
            url: "LoginController.class.php",
            data: {er: asd},
            dataType: "text",
            success: function (ww) {
                if (ww == 1) {
                    "登录成功";
                } else {
                    "登录失败";
                }

            }
        });
    })


</script>
</html>
